<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>左导航菜单</title>
		<style>
			li{
				list-style: none;line-height: 22px;cursor: pointer;
			}
			.current{
				background: red;font-weight: bold;color: blue;
			}
		</style>
	</head>
	<body>
		<ul>
			<li id="current">JQuery简介</li>
			<li>JQuery语法</li>
			<li>JQuery选择器</li>
			<li>JQuery事件与动画</li>
			<li>JQuery方法</li>
		</ul>
		<script src="../js/jQuery-1.8.3.js" type="text/javascript"></script>
		<script>
			$(document).ready(function(){
				$("li").click(function(){
					$("#current").addClass("current");
				});
			});
		</script>
	</body>
</html>
